#{extends 'main.html' /}
#{set title:'Transat | Mon profil' /}
#{set 'moreStyles'}
	#{stylesheet 'utilisateur.css' /}
	#{stylesheet 'liste_course.css' /}
#{/set}

<h2>${user.pseudo} (${user.email})</h2>


<div id="mon_profil">
	
	<a class="change_mdp_link" href="@{Utilisateurs.changerEmail()}">Changer mon adresse email</a>
	<a class="change_mdp_link" href="@{Utilisateurs.changerMdp()}">Changer mot de passe</a>
	
	<div id="user_bateau">
		<a id="change_modele_link" href="@{Modeles_bateau.editer()}">Modifier mon bateau</a>
		<h3>Mon bateau</h3>
		<div id="mon_bateau_nom">${modele.nom}</div>
		<div id="user_bateau_img" class="${modele.couleur.libelle_couleur}"></div>
	</div>
	
	<div id="user_resultats">
		<h3>Mes résultats</h3>
		<ul class="mes_resultats">
			<li></li>
		</ul>
	</div>
	
	<div id="user_courses_en_cours">
		<h3>Mes courses en cours</h3>
		#{if courses.size() > 0}
			<table>
				<tr>
					<th>Nom</th>
					<th>Départ</th>
					<th>Arrivée</th>
					<th>Date Fin</th>
					<th>Nb participants</th>
					<th>Action</th>
				</tr>
				#{list items:courses, as:'course'}
					<tr>
						<td>${course.titre_course}</td>
						<td>${course.modele.ville_depart.nom_ville}</td>
						<td>${course.modele.ville_arrivee.nom_ville}</td>
						<td>${course.getDateFormater(course.date_fin_course)}</td>
						<td>${course.getNbParticipant()}</td>
						<td><a href="@{Courses.jouer(course.id)}">Jouer</a></td>
					</tr>
				#{/list}
			</table>
		#{/if}
		#{else}
			<p>Il n'y a aucune course en cours</p>
		#{/else}
	</div>	
	
	
</div>